/*
 * @ Author Zhangyh
 * Create in 2015.10.26
 */

/*== Mycount Pages Group ==*/
.mycount-group .scan{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.mycount-group .scan .cell{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:0.18rem 0 0.18rem 0.36rem; background:#FFF;}
.mycount-group .scan .cell ~.cell{border-width:0 0 0 1px; border-image:url(../images/case/line/e2.png) 2 stretch;}
.mycount-group .scan .cell h1{font-size:0.36rem;}
.mycount-group .scan .cell h2{font-size:0.24rem; color:#999;}

.mycount-group .item-list h2{line-height:2; text-indent:0.2rem; font-size:0.24rem; color:#777;}
.mycount-group .item-list h2:first-child{margin-top:0.1rem;}
.mycount-group .item-list h2 + .ui-table-view{margin-top:0;}

.mycount-group .ui-table-view .ui-view-cell{padding:0.24rem;}
.mycount-group .ui-folder .ui-view-cell,
.mycount-group .ui-table-view .ui-view-cell.folder{padding-right:0.64rem;}
.mycount-group .ui-view-cell{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position:relative;}
.mycount-group .ui-view-cell .cell{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position:relative;}
.mycount-group .ui-view-cell .cell + .cell{text-align:right;}
.mycount-group .ui-view-cell .cell h1{font-size:0.28rem;}
.mycount-group .ui-view-cell .cell h1 b{color:#777;}
.mycount-group .ui-view-cell .cell h1,
.mycount-group .ui-view-cell .cell h3{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mycount-group .ui-view-cell .cell h3{font-size:0.2rem; color:#999;}

.mycount-group .icon-left .ui-view-cell{padding-left:1.04rem;}
.mycount-group .icon-left .cell + .cell{text-align:right;}
.mycount-group .icon-left i{position:absolute; display:block; left:0.2rem; top:50%; height:0.56rem; width:0.56rem; margin-top:-0.28rem;}

.mycount-group .ui-view-cell.add-new-count{padding-top:0.24rem; padding-bottom:0.24rem;}
.mycount-group .ui-view-cell.add-new-count i{background:url(../images/case/add.png); background-size:100% auto;}

.mycount-group .ui-folder .ui-view-cell.repayment{padding-left:0; padding-right:2.3rem; margin-left:1.04rem;}
.mycount-group .ui-view-cell.repayment:after{display:none;}
.mycount-group .ui-view-cell.repayment h1{font-size:0.28rem;}
.mycount-group .ui-view-cell.repayment .ui-btn{position:absolute; right:0.2rem; top:50%; margin:0; width:1.48rem; font-size:0.24rem;-webkit-transform:translateY(-50%); transform:translateY(-50%); padding:0.14rem;}

.mycount-group .trade-list{margin:0.2rem 0;}
.mycount-group .trade-list .ui-table-view{margin:0;}
.mycount-group .trade-list .ui-table-view + .ui-table-view{border-top:0;}
.mycount-group .trade-list .icon-left .ui-view-cell{padding-left:0.26rem;}
.mycount-group .trade-list .fold-sec{margin:0; border-width:1px 0 0; border-image:url(../images/case/line/e2.png) 2 stretch; margin-left:0.26rem; position:relative; border-top-width:0; opacity:0; overflow:hidden; height:0;}
.mycount-group .trade-list .fold-sec.spread{border-top-width:1px; opacity:1; overflow:visible; height:auto; animation:spreadFold 200ms ease-in-out; -webkit-animation:spreadFold 200ms ease-in-out;}
@-webkit-keyframes spreadFold{
  0%{opacity:0; -webkit-transform:scale3d(1, 0, 1); transform:scale3d(1, 0, 1);}
  100%{opacity:1; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1);}
}
@keyframes spreadFold{
  0%{opacity:0; -webkit-transform:scale3d(1, 0, 1); transform:scale3d(1, 0, 1);}
  100%{opacity:1; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1);}
}

.mycount-group .trade-list .fold-sec .ui-view-cell{padding-right:0.26rem; padding-left:0; background:#FFF; margin-left:0.32rem; overflow:visible;}

.mycount-group .trade-list .fold-sec .cell:first-child:after{content:attr(data-number); position:absolute; height:0.4rem; width:0.4rem; text-align:center; line-height:0.4rem; font-size:0.2rem; color:#c25e54; background:#fcebea; border-radius:50%; top:0.06rem; left:-0.5rem; z-index:99;}
.mycount-group .trade-list .fold-sec .cell:first-child:before{background:url(../images/case/dashed.png) center 0 repeat-y; background-size:100% auto; display:block; content:""; position:absolute; left:-0.32rem; top:0.38rem; height:1.05rem; width:0.06rem;}
.mycount-group .trade-list .fold-sec .ui-view-cell:last-child .cell:first-child:before{display:none;}

.mycount-group .saveCtrl{padding-right:0.24rem;}
.mycount-group .ui-table-view.ui-folder >.ui-view-cell.saveCtrl:after{display:none;}
.mycount-group .saveCtrl .cell{padding:0 0.1rem;}
.mycount-group .saveCtrl .ui-btn.hollow-blue{padding:0.16rem; font-size:0.24rem; margin:0;}

/*== Transfer Pages Group ==*/
.transfer-group .data-form .ui-view-cell{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding-left:0.24rem; padding-top:0.24rem; padding-bottom:0.24rem; position:relative;}
.transfer-group .ui-search-panel{background:#d0d0d0; padding:0.14rem 0.3rem;}
.transfer-group .ui-search-panel input{background-color:#FFF; border-radius:0.06rem;}
.transfer-group .count-list h1{font-size:0.24rem; color:#c8c8c8; padding:0.1rem 0.2rem 0;}
.transfer-group .count-list h1 + .ui-table-view{margin:0.1rem 0;}
.transfer-group .count-list .ui-view-cell{padding-left:0.96rem; position:relative;}
.transfer-group .count-list .ui-view-cell .ico-bnk{height:0.5rem; width:0.5rem; position:absolute; left:0.2rem; top:50%; margin-top:-0.25rem;}
.transfer-group .count-list .ui-view-cell h4{font-size:0.22rem; color:#999;}
.transfer-group .count-list .pay-count{padding:0.24rem 1.36rem 0.24rem 0.96rem; position:relative;}
.transfer-group .count-list .pay-count a{position:absolute; right:0.64rem; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-size:0.22rem;}

.transfer-group .trans-target{-webkit-box-sizing:border-box; box-sizing:border-box;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;padding:0.14rem 0; background:#FFF; margin:0.2rem 0;}
.transfer-group .trans-target >div{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width:50%; -webkit-box-sizing:border-box; box-sizing:border-box; padding:0.16rem 0 0.16rem 1rem; position:relative;}
.transfer-group .trans-target >div:after,
.transfer-group .data-form .ico-user:after{content:""; display:block; height:0.56rem; width:0.56rem; background:url(../images/case/trade.png) no-repeat; background-size:100% auto; position:absolute; left:0.24rem; top:50%; margin-top:-0.28rem;}
.transfer-group .trans-target >div + div{border-image:url(../images/case/line/e2.png) 2 stretch; border-width:0 0 0 1px;}
.transfer-group .trans-target >div.friends:after{background-position:0 50%;}

.transfer-group .data-form .ico-user{padding-right:0.96rem;}
.transfer-group .data-form .ico-user:after{background-position:0 100%; left:auto; right:0.2rem; height:0.44rem; margin-top:-0.22rem; width:0.44rem;}

.transfer-group .ensure-box{text-align:center; padding:0.28rem 0;}
.transfer-group .ensure-box h1{font-size:0.42rem; line-height:1.6;}
.transfer-group .ensure-box span{position:relative; padding-left:0.54rem; font-size:0.24rem; color:#999;}
.transfer-group .ensure-box span .ico-bnk{position:absolute; left:0; top:50%; margin-top:-0.2rem; width:0.4rem; height:0.4rem;}

.transfer-group .ui-cover-box .ui-table-view{margin:0; border-image:url(../images/case/line/e2.png) 2 stretch;}
.transfer-group .ui-cover-box .ui-view-cell.chosen:after{content:'\e472'; font-family:Muiicons; font-size:0.84rem; font-weight:400; font-style:normal; line-height:1; display:inline-block; text-decoration:none; -webkit-font-smoothing:antialiased; position:absolute; right:0.2rem; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); color:#79ac00;}

/*== Bank Branch Group ==*/
.bank-branch-group .fc-blue{color:#00b1f0;}
.bank-branch-group .result-list .ui-view-cell{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.bank-branch-group .result-list.add-bank .ui-view-cell
{padding-left:0.84rem;}
.bank-branch-group .result-list .ui-view-cell .cell{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-sizing:border-box; box-sizing:border-box; line-height:1.8;}
.bank-branch-group .result-list .ui-view-cell .cell + .cell{text-align:right;}
.bank-branch-group .result-list .ui-view-cell .ico-bnk{position:absolute; left:0.16rem; top:50%; margin-top:-0.24rem;}
.bank-branch-group .cell h1{font-size:0.28rem;}
.bank-branch-group .cell h2{font-size:0.2rem;}

/*== Payment Group ==*/
.payment-group .local-bar{height:0.8rem; width:100%; line-height:0.8rem; padding-left:0.1rem; width:100%; position:relative; background:#eec6c1; color:#e33b2d; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box;}
.payment-group .local-bar i{position:absolute; color:#FFF; font-size:0.8rem; right:0.1rem; top:0;}
.payment-group .local-bar i:after{content:'\e468';}
.payment-group .local-bar span{display:block; padding:0 0.2rem; position:relative;}
.payment-group .local-bar span:after{content:""; display:block; height:0.06rem; width:100%; background:#ff0033; position:absolute; left:0; bottom:0;}
.payment-group .local-box{background:#f0dedb; padding:0.2rem 0.24rem 0.1rem; color:#e33b2d;}
.payment-group .local-box h1{font-size:0.32rem; line-height:0.56rem;}
.payment-group .local-box h1 i:after{content:'\e303';}
.payment-group .local-box .add-menb{height:0.7rem; border-top:1px solid #FFF; margin-top:0.16rem; padding:0.18rem 0.68rem 0.18rem 1rem; position:relative;}
.payment-group .local-box .add-menb .avatar{height:0.74rem; width:0.74rem; border-radius:50%; overflow:hidden; position:absolute; left:0; top:50%; margin-top:-0.37rem;}
.payment-group .local-box .add-menb .avatar img{width:100%; height:100%; border-radius:50%; display:block;}
.payment-group .local-box .add-menb .btn{display:block; line-height:0.7rem; border:1px solid #e98c84; text-align:center; border-radius:0.37rem; color:#e33b2d; position:relative; padding-left:0.34rem;}
.payment-group .local-box .add-menb .btn:before{font-family:Muiicons; font-size:0.68rem; line-height:1; -webkit-font-smoothing:antialiased; content:'\e468'; position:absolute; left:0; top:0;}
.payment-group .local-box .add-menb .btn:active{background:#e98c84; color:#FFF;}

.payment-group .ui-table-view.payment-list .ui-view-cell{padding-left:0.84rem; position:relative;}
.payment-group .payment-list .ui-view-cell h1{font-size:0.28rem;}
.payment-group .payment-list .ui-view-cell h2{font-size:0.24rem; color:#999;}
.payment-group .payment-list .ui-view-cell .serach{position:absolute; right:0.7rem; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}

.payment-group .payment-list .ui-view-cell:before{content:""; display:block; position:absolute; height:0.48rem; width:0.48rem; left:0.2rem; top:50%; margin-top:-0.24rem; background:url(../images/case/pay-ico.png) no-repeat; background-size:100% auto;}
.payment-group .payment-list .b:before{background-position:0 25%;}
.payment-group .payment-list .c:before{background-position:0 50%;}
.payment-group .payment-list .d:before{background-position:0 75%;}

.payment-group .ui-table-view .ui-view-cell{padding:0.24rem;}
.payment-group .ui-folder .ui-view-cell,
.payment-group .ui-table-view .ui-view-cell.folder{padding-right:0.64rem;}

.payment-group .balance-box{color:#FFF; background:#e33b2d; padding:0.4rem 0.26rem;}
.payment-group .balance-box h2{font-size:0.72rem;}
.payment-group .balance-box .nodata{text-align:center; line-height:1.2rem;}